<template>
	<div class="task-list-container">
		<div>
			<div class="task-list-item">
				<div class="flex-start-center">
					<div v-for="(taskItem, taskIndex) in dataList" :key="taskIndex" class="task-list-item_label">
						<!--						<div style="max-width: 160px;min-width: 100px;">-->
						<div style="width: 160px;">
							{{ taskIndex + 1 }}<span style="font-size: 13px; color: #808695;max-width: 70px;">、{{ taskItem.specParamName || '无' }}:</span><span style="color: #515a6e">{{ taskItem.val && taskItem.val !== null ? taskItem.val : '无' }}</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<script>
    import { openStateList } from '../../../../utils/jk/status-option-list';
    import getTubeColor from '../../foreSpinPrd/foreSpinningPlan/components/form-box/get-tube-color';

    export default {
        mixins: [getTubeColor],
        props: {
            dataList: {
                type: Array,
                default() {
                    return [];
                }
            }
        },
        data() {
            return {
                openStateList: openStateList

            };
        },
        methods: {
            onJump(id, url) {
                this.$toOtherRouter({
                    name: url,
                    query: {
                        id
                    }
                });
            }
        }
    };
</script>
<style scoped lang="scss">
.task-list-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    .task-list-item {
        display: flex;
        align-items: center;
        .task-list-item_label {
            font-weight: 300;
            margin-right: 3px;
        }
        .task-list-item_val {
            font-weight: 500;
        }
    }
}
</style>
